<template>
  <div class="home">
    <p>
      账号：<input v-model="userName" type="text">
    </p>
    <p>
      密码：<input type="text" name="" id="">
    </p>
  </div>
  
</template>

<script>

export default {
  name: 'home',
  data() {
    return {
      userName: ""
    }
  },
  created() {
    // console.log('我是home中的生命周期')
    
  },
  // 特殊的生命周期  配合 keep-alive 来使用
  // activated(用来代替created)
  activated() {
    if (this.userName.length > 5) {
      console.log("长度要小于5")
    } else {
      console.log('通过')
    }
  },
  // deactivated
  deactivated() {
    console.log('组件要销毁了----deactivated')
  },
  beforeDestroy() {
    console.log('组件要销毁了')
  }
}
</script>
